<template>
    <view class="height">
        <view class="cont" :style="{ position: props.fixed ? 'fixed' : 'relative' }">
            <view :style="{ background: props.color }">{{ props.title }}</view>
        </view>
    </view>
</template>
<script setup lang="ts">
const props = defineProps({
    title: { type: String, default: '提交' },
    fixed: { type: Boolean, default: true },
    color: { type: String, default: 'linear-gradient(to right, #61C2FF, #34A8FF)', },
})
</script>
<style scoped>
.height {
    height: 140rpx;
}

.cont {
    bottom: 0;
    left: 0;
    width: 100%;
    /* background-color: white; */
}

.cont>view {
    width: 80%;
    margin: 20rpx auto;
    line-height: 80rpx;
    color: white;
    text-align: center;
    border-radius: 50rpx;
}
</style>
